﻿<!DOCTYPE html>
<html lang="es">
<head>
    <title>WikiPrecios Mobile</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
    <link type="text/css" href="css/jquery.mobile.datebox.css" rel="stylesheet" />
    <link type="text/css" href="css/jquery.toastmessage.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8" src="jquery/cordova-2.2.0.js"></script>
    <script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="jquery/jquery.mobile-1.1.0.min.js"></script>
    <!-- JavaScript DateBox.-->
    <script type="text/javascript" src="jquery/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="jquery/jquery.mobile.datebox.js"></script>
    <!--Leer parametros URL.-->
    <script type="text/javascript" src="jquery/jquery.geturlparam.js"></script>
    <script type="text/javascript" src="jquery/wikiprecios.js"></script>

    <!--Mensajes.-->
    <script type="text/javascript" src="jquery/jquery.toastmessage.js"></script>

    <!--Mapas-->
    <script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=true'></script>

    <style type="text/css">
        .nav-glyphish-example .ui-btn .ui-btn-inner
        {
            padding-top: 40px !important;
        }
        .nav-glyphish-example .ui-btn .ui-icon
        {
            width: 30px !important;
            height: 30px !important;
            margin-left: -15px !important;
            box-shadow: none !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            -webkit-border-radius: 0 !important;
            border-radius: 0 !important;
        }
        #ingresar .ui-icon
        {
            background: url(Imagenes/usuario.png) 50% 50% no-repeat;
            background-size: 24px 22px;
        }
        #camara .ui-icon
        {
            background: url(Imagenes/camara.png) 50% 50% no-repeat;
            background-size: 24px 18px;
        }
        #material .ui-icon
        {
            background: url(Imagenes/material2.png) 50% 50% no-repeat;
            background-size: 24px 24px;
        }
        #precio .ui-icon
        {
            background: url(Imagenes/agregar_precio.png) 50% 50% no-repeat;
            background-size: 24px 24px;
        }
        #publicador .ui-icon
        {
            background: url(Imagenes/registrarse.png) 50% 50% no-repeat;
            background-size: 24px 24px;
        }
        #capa8 .ui-icon
        {
            background: url(Imagenes/quienes_somos.png) 50% 50% no-repeat;
            background-size: 24px 24px;
        }

        .style1
        {
            width: 100%;
        }

    </style>
</head>
<body>

    <!--//--------------------- Página Principal ------------------//-->
    <div data-role="page" id="pagHome" class="type-interior" data-position="fixed" data-fullscreen="true">
        <div data-role="header" data-theme="a">
            <h1>
                WikiPrecios</h1>
        </div>
        <!-- /header -->
        <div class="ui-body ui-body-b" data-mini="true">
            <div data-role="fieldcontain">
                <div data-role="controlgroup" data-type="horizontal" data-mini="true">
                    <label for="text_remedio" data-inline="true" data-mini="true">
                        Buscar Remedio</label>
                    <input type="text" name="text_remedio" id="text_remedio" value="" data-inline="true"
                        data-mini="true" />
                    <a href="#" data-role="button" id="buscar_precios" data-icon="search" data-iconpos="left" data-theme="c" data-mini="true" data-inline="true">buscar</a>
                </div>
            </div>
            <ul data-role="listview" id="lv_remedios" data-theme="c">
            </ul>
        </div>
        <div data-role="footer" class="footer-docs" data-theme="c" data-position="fixed" data-fullscreen="true">
            <div data-role="navbar">
                <ul>
                    <li><a href="#pagRegistro" id="publicador" data-icon="custom">Registrarse</a></li>
                    <li><a href="#pagLogin" id="precio" data-icon="custom">Agregar Precio</a></li>
                    <li><a href="#pagQuienesSomos" id="capa8" data-icon="custom">Quienes Somos</a></li>
                </ul>
            </div>
            <p>
                &copy; Capa8 - Todos los derechos reservados.</p>
        </div>
    </div>

    <!--//--------------- Página login y password --------------------//-->

    <div data-role="page" id="pagLogin" class="type-interior" data-position="fixed" data-fullscreen="true">
        <div data-role="header" data-theme="a">
            <h1>Validación Usuario</h1>
            <a href="#pagHome" data-icon="home" data-direction="reverse">Home</a>
        </div>
        
        <div data-role="content">	
       
            <div class="ui-body ui-body-b" data-mini="true">
			    <h1>Validación Usuario</h1>
                <div data-role="fieldcontain">
                    <label for="usuario">e-mail :</label>
                    <input type="text" name="usuario" id="usuario" value="" data-mini="true"/>
                </div>
                <div data-role="fieldcontain">
	             <label for="password_usuario">Password:</label>
	             <input type="password" name="password_usuario" id="password_usuario" value="" data-mini="true"/>
			    </div>
<!--                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
	                   <legend>¿ Mantener conectado ?</legend>
	                   <input type="checkbox" name="chk_conectado" id="chk_conectado" class="custom" data-mini="true" data-theme="c" />
	                   <label for="chk_conectado">Usuario conectado</label>
                    </fieldset>
                </div>-->
                <a href="#" id="ingresar" data-role="button" data-theme="a" data-mini="true">Ingresar</a>
		    </div>
        	
    	</div>

        <div data-role="footer" class="footer-docs" data-theme="c" data-position="fixed" data-fullscreen="true">
            <p>
                &copy; Capa8 - Todos los derechos reservados.</p>
        </div>
    </div>


    <!--//------------- Página de precios -----------------//-->

    <div data-role="page" id="pagPrecio" class="type-interior" data-position="fixed" data-fullscreen="true">
        <div data-role="header" data-theme="a">
            <h1>Publicando un precio</h1>
            <a href="#pagHome" data-icon="home" data-direction="reverse">Home</a>
        </div>
        
        <div data-role="content">	

        	<div class="ui-body ui-body-e">
                <table cellpadding="0" cellspacing="0" class="style1">
                    <tr>
                        <td id="mail_conectado" align="left">
                        </td>
                        <td id="cerrar_session" align="right">
                            <a href="#" data-role="button" data-mini="true" id="cerrar_sesion">Cerrar Sesión</a>
                        </td>
                    </tr>
                </table>
		    </div><!-- /themed container -->

            <div data-role="fieldcontain">
	             <label for="fechahora">Fecha / Hora</label>
	             <input type="text" name="fechahora" id="fechahora" value="" data-mini="true" disabled />
			</div>
            <div data-role="fieldcontain">
	             <label for="remedio">Remedio</label>
	             <input type="text" name="remedio" id="remedio" value="" data-mini="true"/>
			</div>
            <div data-role="fieldcontain">
				<label for="select_farmacia" class="select">Farmacia</label>
				<select name="select_farmacia" id="select_farmacia" data-mini="true">
					<option value="AH">Ahumada</option>
					<option value="CV">SalcoBrand</option>
					<option value="SB">Cruz Verde</option>
					<option value="SM">Dr Simi</option>
				</select>
			</div>
            <div data-role="fieldcontain">
	             <label for="precio_remedio">$ Precio</label>
	             <input type="text" name="precio_remedio" id="precio_remedio" value="0" data-mini="true" />
			</div>
            <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
	                   <legend>Tipo de Remedio</legend>
	                   <input type="checkbox" name="chk_tiporemedio" id="chk_tiporemedio" class="custom" data-mini="true" data-theme="c" />
	                   <label for="chk_tiporemedio">¿ Remedio Genérico ?</label>
                    </fieldset>
            </div>
            <div class="ui-body ui-body-b">
		        <fieldset class="ui-grid-a">
				        <div class="ui-block-a"><a href="#pagHome" data-role="button" data-mini="true" data-theme="d" id="btnvolver_precio">Volver</a></div>
				        <div class="ui-block-b"><a href="#" data-role="button" data-mini="true" data-theme="a" id="btnregistrar_precio">$ Registrar</a></div>
	            </fieldset>
		    </div>
    	</div>

        <div data-role="footer" class="footer-docs" data-theme="c" data-position="fixed" data-fullscreen="true">
            <p>
                &copy; Capa8 - Todos los derechos reservados.</p>
        </div>
    </div>


    <!--//--------- Página Quienes Somos -----------------------//-->

    <div data-role="page" id="pagQuienesSomos" class="type-interior" data-position="fixed" data-fullscreen="true">
        <div data-role="header" data-theme="a">
            <h1>Quienes Somos</h1>
            <a href="#pagHome" data-icon="home" data-direction="reverse">Home</a>
        </div>
        <div data-role="content">
            <table id="tbl_logo" width="100%">
                <tr>
                    <td align="center">
                        <img alt="" src="Imagenes/logocapa8.jpg" />
                    </td>
                </tr>
                <tr>
                    <td align="center" style="font-size: large; font-weight: bold">
                        Integrantes
                    </td>
                </tr>
                <tr>
                    <td align="center" style="font-size: large; font-weight: bold">
                        Luis Carrasco
                    </td>
                </tr>
                <tr>
                    <td align="center" style="font-size: large; font-weight: bold">
                        Eduardo Muñoz
                    </td>
                </tr>
                <tr>
                    <td align="center" style="font-size: large; font-weight: bold">
                        Hernán Jara
                    </td>
                </tr>
            </table>
        </div>
        <div data-role="footer" class="footer-docs" data-theme="c" data-position="fixed" data-fullscreen="true">
            <p>
                &copy; Capa8 - Todos los derechos reservados.</p>
        </div>
    </div>

    <!--//-----------------Página Registrarse -------//-->

    <div data-role="page" id="pagRegistro" class="type-interior" data-position="fixed" data-fullscreen="true">
        <div data-role="header" data-theme="a">
            <h1>Registro</h1>
            <a href="#pagHome" data-icon="home" data-direction="reverse">Home</a>
        </div>
        <!-- /header -->
	    <div data-role="content">
            <div class="content-primary">
                <h2>Información Principal</h2>
            </div>
            <div data-role="fieldcontain">
	             <label for="email">e-mail</label>
	             <input type="text" name="email" id="email" value="" data-mini="true" />
			</div>
            <div data-role="fieldcontain">
	             <label for="password">Password</label>
	             <input type="password" name="password" id="password" value="" data-mini="true"/>
			</div>
            <div data-role="fieldcontain">
	             <label for="nombre">Nombre</label>
	             <input type="text" name="nombre" id="nombre" value="" data-mini="true" />
			</div>
            <div data-role="fieldcontain">
	             <label for="alias">Alias</label>
	             <input type="text" name="alias" id="alias" value="" data-mini="true" />
			</div>
            <div class="ui-body ui-body-b">
		        <fieldset class="ui-grid-a">
				        <div class="ui-block-a"><a href="#pagHome" data-role="button" data-mini="true" data-theme="d" id="btnVolver">Volver</a></div>
				        <div class="ui-block-b"><a href="#" data-role="button" data-mini="true" data-theme="a" id="btnRegistrarse">Registrarse</a></div>
	            </fieldset>
		    </div>
        </div>

        <div data-role="footer" class="footer-docs" data-theme="c" data-position="fixed" data-fullscreen="true">
            <p>
                &copy; Capa8 - Todos los derechos reservados.</p>
        </div>
    </div>

    <!--//------------- Página google maps -----------------------//-->

    <div data-role="page" id="pagMapas" class="type-interior" data-position="fixed" data-fullscreen="true">
        <div data-role="header" data-theme="a">
            <h1>Dirección</h1>
            <a href="#pagHome" data-icon="home" data-direction="reverse">Home</a>
        </div>
        <div data-role="content">
            <div id="mapCanvas" style="width:100%; height:100%; min-width:300px; min-height:300px"></div>
        </div>
        <div data-role="footer" class="footer-docs" data-theme="c" data-position="fixed" data-fullscreen="true">
            <p>
                &copy; Capa8 - Todos los derechos reservados.</p>
        </div>
    </div>

    
</body>
</html>
